<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--  百度cdn引入jquery  -->
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

</head>
<body>

<form action="/users/login" method="post">

    <input type="text" name="username" /> 用户名 <br>
    <input type="password" name="password" /> 密码 <br>
    <input type="text" name="kapchar" /> 验证码 <br>
    <img src="/captcha" style="width:85px" id="cap"/> <br>
    <input type="submit" value="登录"/>

</form>


<script>

    $(function () {

        // 注册验证码图片的单击事件
        $("#cap").click(function () {

            // 让img图片重新发送请求 给 验证码servlet
            $("#cap").attr('src','/captcha?t='+new Date().getTime());

        });

    });

</script>
</body>
</html>